import HmFind from '@/pages/Home.vue'
import HmFriend from '@/pages/HmFriend.vue'
import HmMy from '@/pages/HmMy.vue'
import HmNotFound from '@/pages/HmNotFound.vue'

import Vue from 'vue'

// 1. 引入vueRouter
import VueRouter from 'vue-router'

// 2. 安装注册
Vue.use(VueRouter)

// 3. 创建路由对象
const router = new VueRouter({
  // 路由模式 hash模式: #/路径  history模式: /路径
  mode: 'hash',

  routes: [
    // 路由重定向
    { path: '/', redirect: '/find' },
    {
      path: '/find',
      component: HmFind
    },
    {
      path: '/my',
      component: HmMy
    },
    {
      path: '/friend',
      component: HmFriend
    },
    // 404
    {
      path: '*',
      component: HmNotFound
    }
  ],
  // 精准匹配类名自定义
  linkExactActiveClass: 'exact-active',
  // 模糊匹配类名自定义
  linkActiveClass: 'active'
})


export default router